﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="service_forgetPwd.aspx.cs"
    Inherits="service_forgetPwd" %>

<%@ Register Src="uc/header.ascx" TagName="header" TagPrefix="uc1" %>
<%@ Register Src="uc/footer.ascx" TagName="footer" TagPrefix="uc2" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <link href="css/base.css" rel="stylesheet" type="text/css" />
    <link href="css/service.css" rel="stylesheet" type="text/css" />
    <script src="http://i.ymcps.com/images/float/floatS.js" type="text/javascript"></script>
</head>
<body>
    <form runat="server">
    <uc1:header id="header1" runat="server" /><br />
    <div class="channelLayout">
        <!------ 客服专区 频道导航 start ------>
        <div class="topLine">
        </div>
        <div class="service_title service_bg">
        </div>
        <div class="channelNavBg">
            <div class="hqzx_nav_tb">
                <ul>
                    <li><a href="Default.aspx" class="b">客服首页</a></li>
                    <li><a href="service_video.aspx" class="b">培训视频</a></li>
                    <li><a href="servicehelp/index.aspx" target="_blank" class="b">帮助中心</a></li>
                    <li class="hqzx_nav_cur service_bg">自助服务</li>
                    <li><a href="service_feedback.aspx" class="b">意见反馈</a></li>
                    <li><a href="training.aspx" class="b">各地公告</a></li>
                    <li><a href="training1.aspx" class="b">会场预约</a></li>
                    <li><a href="service_map1.aspx" class="b">全国服务商</a></li>
                </ul>
            </div>
        </div>
        <!------ 客服专区 频道导航 end ------>
    </div>
    <div class="clearok">
    </div>
    <!------ 自助服务 start ------>
    <div class="service_self1 marginTop10 font14 font-weight">
        <img src="images/index_ico2.gif" class="img" />自助服务
    </div>
    <!------ 清空处理 start ------>
    <!------ 清空处理 end ------>
    <div class="self_c marginTop10">
        <div class="self_c_l">
            <input id="hidName" type="hidden" runat="server" value="" />
            <div class="self_login" id="login">
                <div class="self_login">
                    您好，请先登录！<a href="#" id="login"><img src="images/btn_login.jpg" border="0" /></a></div>
            </div>
            <ul>
                <li att="ulogin"><a href="service_qkcl.aspx">清空处理</a><div class="self_ico">
                    <img src="images/ico_self1.gif" /></div>
                </li>
                <li att="ulogin"><a href="service_xgmm.aspx">修改密码</a><div class="self_ico">
                    <img src="images/ico_self3.gif" /></div>
                </li>
                <li att="ulogin"><a href="service_dqrcx.aspx">到期日查询</a><div class="self_ico">
                    <img src="images/ico_self4.gif" /></div>
                </li>
                <li><a href="service_rjcz.aspx">软件充值</a><div class="self_ico">
                    <img src="images/ico_self5.gif" /></div>
                </li>
                <li att="ulogin"><a href="service_wsjf.aspx">网上积分</a><div class="self_ico">
                    <img src="images/ico_self6.gif" /></div>
                </li>
                <li att="ulogin"><a href="service_wyzs.aspx">我要折算</a><div class="self_ico">
                    <img src="images/ico_self7.gif" /></div>
                </li>
                <li att="ulogin" class="current">密码保护<div class="self_ico">
                    <img src="images/ico_self8.gif" /></div>
                </li>
            </ul>
        </div>
        <div class="self_c_r">
        <div class="self_c_r_c8">
            <asp:Panel ID="Panel1" runat="server">
                <span class="font14 font-weight gray_t">1.选择取回密码方法</span> >> <span class="font14 font-weight gray">
                    2.输入取回密码信息</span> >> <span class="font14 font-weight gray">3.获得密码</span>
                <ul>
                    <li>
                        <%=tel %>
                        <br />
                        密码通过手机短信发送至绑定手机。</li>
                    <li class="line"></li>
                    <li>
                        <%=email %>
                        <br />
                        密码将发送至绑定邮箱。</li>
                    <li class="line"></li>
                    <li>
                        <%=ques %>
                        <br />
                        回答密保问题，可直接获取密码。</li>
                    <li class="line"></li>
                </ul>
            </asp:Panel>
            <asp:Panel ID="Panel2" runat="server">
                <span class="font14 font-weight gray">1.选择取回密码方法</span> >> <span class="font14 font-weight gray_t">
                    2.输入取回密码信息</span> >> <span class="font14 font-weight gray">3.获得密码</span>
                <ul>
                    <li class="coffee font14 font-weight">请输入您绑定的手机号码</li>
                    <li class="coffee font14 font-weight">密码将以短信形式发送到您手机</li>
                    <li class="line"></li>
                    <li><span class="font14 font-weight">手 机 号：</span>&nbsp;
                        <asp:TextBox type="text" name="textfield" ID="txtUTel" Style="width: 160px" class="input1"
                            runat="server"></asp:TextBox></li>
                    <li><span class="font14 font-weight">验 证 码：&nbsp;</span>
                        <asp:TextBox type="text" name="textfield" ID="txtUTCode" Style="width: 160px" class="input1"
                            runat="server" /><img src="common/RegImg.aspx" id="Img4" alt="请点击" /></li>
                    <li>
                        <asp:ImageButton ID="ImageButton2" src="images/btn_ok.jpg" runat="server" OnClick="ImageButton2_Click" />
                        <img id="Img5" src="images/btn_again.jpg" /><img src="images/btn_return.jpg" onclick="document.location='service_forgetPwd.aspx'"/></li>
                </ul>
            </asp:Panel>
            <asp:Panel ID="Panel3" runat="server">
                <span class="font14 font-weight gray">1.选择取回密码方法</span> >> <span class="font14 font-weight gray_t">
                    2.输入取回密码信息</span> >> <span class="font14 font-weight gray">3.获得密码</span>
                <ul>
                    <li class="coffee font14 font-weight">请输入您绑定的密保邮箱地址</li>
                    <li class="coffee font14 font-weight">密码将发送至绑定邮箱</li>
                    <li class="line"></li>
                    <li><span class="font14 font-weight">原邮箱地址：</span>&nbsp;<asp:TextBox type="text"
                        name="textfield" ID="txtUEOldEmail" Style="width: 160px" class="input1" runat="server"></asp:TextBox></li>
                    <li><span class="font14 font-weight">验 证 码：&nbsp;&nbsp;&nbsp;</span>
                        <asp:TextBox type="text" name="txtUECode" ID="txtUECode" Style="width: 160px" class="input1"
                            runat="server"></asp:TextBox><img src="common/RegImg.aspx" id="Img2" alt="请点击" /></li>
                    <li>
                        <asp:ImageButton src="images/btn_ok.jpg" ID="ImageButton1" runat="server" OnClick="ImageButton1_Click" />
                        <img src="images/btn_again.jpg" id="Img3" /><img src="images/btn_return.jpg" onclick="document.location='service_forgetPwd.aspx'"/></li>
                </ul>
            </asp:Panel>
            <asp:Panel ID="Panel4" runat="server">
                <span class="font14 font-weight gray">1.选择取回密码方法</span> >> <span class="font14 font-weight gray_t">
                    2.输入取回密码信息</span> >> <span class="font14 font-weight gray">3.获得密码</span>
                <ul>
                    <li class="coffee font14 font-weight">用密保问题找回密码</li>
                    <li class="coffee font14 font-weight">回答密保问题，可直接获取密码</li>
                    <li class="line"></li>
                    <li class="font14 font-weight">问 题：
                        <asp:DropDownList ID="DropDownList1" runat="server" AutoPostBack="True" OnSelectedIndexChanged="DropDownList1_SelectedIndexChanged">
                            <asp:ListItem>-请选择密保问题-</asp:ListItem>
                            <asp:ListItem>您父亲的名字是?</asp:ListItem>
                            <asp:ListItem>您母亲的名字是?</asp:ListItem>
                            <asp:ListItem>您配偶的名字是?</asp:ListItem>
                            <asp:ListItem>您子女的生日是?</asp:ListItem>
                            <asp:ListItem>您的出生地?</asp:ListItem>
                        </asp:DropDownList>
                    </li>
                    <li class="font14 font-weight">答 案：<asp:TextBox type="text" name="textfield" ID="txtUQuesion"
                        Style="width: 160px" class="input1" MaxLength="20" runat="server"></asp:TextBox></li>
                    <li class="font14 font-weight">验证码
                        <asp:TextBox type="text" name="txtUECode" ID="txtQCode" Style="width: 160px" class="input1"
                            runat="server"></asp:TextBox><img src="common/RegImg.aspx" id="Img1" alt="请点击" /></li>
                    <li>
                        <input id="Hidden1" type="hidden" runat="server" value="" />
                        <asp:ImageButton ID="ImageButton3" src="images/btn_ok.jpg" runat="server" OnClick="ImageButton3_Click" />
                        <img src="images/btn_again.jpg" id="Img6" /><img src="images/btn_return.jpg" onclick="document.location='service_forgetPwd.aspx'"/></li>
                </ul>
            </asp:Panel>
            <asp:Panel ID="Panel5" runat="server">
                <span class="font14 font-weight gray">1.设置密码保护 >> 2.设置密码保护信息</span> >> <span class="font14 font-weight gray_t">
                    3.绑定成功</span>
                <ul>
                    <%=tShowSuccess %>
                    <li>
                        <img src="images/btn_return.jpg" id="btn_return" /></li>
                    <li></li>
                    <li></li>
                </ul>
            </asp:Panel>
        </div></div>
        <div id="loginFram" style="position: absolute; top: 220px; left: 580px; z-index: 100;
            display: none;">
            <iframe src="UserLogin.aspx" width="290px" height="240px" scrolling="no"></iframe>
        </div>
    </div><div class="marginTop10"></div>
    <uc2:footer id="footer1" runat="server" />
    </form>
    <script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            var chkMobile = /^(1[3,5,8][0-9]{9})$/;
            var myreg = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;
            $('#login').click(function () {
                document.getElementById("loginFram").style.display = "block";
            });
            $('[att=ulogin] a,').click(function () {
                var uname = $('#hidName').val();
                if (uname == '') {
                    document.getElementById("loginFram").style.display = "block";
                    return false;
                }
            });
            $('#btn_return').click(function () {
                document.location = document.location;
            });
            $('#Img4').click(function () {
                $('#Img4').attr("src", "common/RegImg.aspx?id=" + Math.random());
            });
            $('#Img5').click(function () {
                $('#txtUTel').val('');
                $('#txtUTCode').val('');
                $('#Img4').attr("src", "common/RegImg.aspx?id=" + Math.random());
            });
            $('#ImageButton2').click(function () {
                var t1 = $('#txtUTel').val();
                var c = $('#txtUTCode').val();
                if (t1 == '') {
                    alert('原手机号不能为空');
                    return false;
                } if (c == '') {
                    alert('验证码不能为空');
                    return false;
                }
                if (!chkMobile.test(t1)) {
                    alert('手机号格式不正确');
                    return false;
                }
            });
            $('#Img1').click(function () {
                $('#Img1').attr("src", "common/RegImg.aspx?id=" + Math.random());
            });
            $('#Img2').click(function () {
                $('#Img2').attr("src", "common/RegImg.aspx?id=" + Math.random());
            });
            $('#Img3').click(function () {
                $('#txtUEOldEmail').val('');
                $('#txtUECode').val('');
                $('#Img2').attr("src", "common/RegImg.aspx?id=" + Math.random());
            });
            $('#ImageButton1').click(function () {
                var e1 = $('#txtUEOldEmail').val();
                var ec = $('#txtUECode').val();
                if (e1 == '') {
                    alert('原邮箱不能为空');
                    return false;
                }
                if (!myreg.test(e1)) {
                    alert('原邮箱格式不正确');
                    return false;
                }
                if (ec == '') {
                    alert('验证码不能为空');
                    return false;
                }
            });
            $('#Img6').click(function () {
                $('#txtUQuesion').val('');
                $('#txtUserName').val('');
                $('#Img1').attr("src", "common/RegImg.aspx?id=" + Math.random());
            });
            $('#ImageButton3').click(function () {
                if ($('#txtUserName').val() == '') {
                    alert('用户名不能为空');
                    return false;
                }
                if ($('#txtUQuesion').val() == '') {
                    alert('答案不能为空');
                    return false;
                }
                //                if ($('#Hidden1').val() == '') {
                //                    alert('您还没选择问题');
                //                    return false;
                //                }
            });
        });
    </script>
</body>
</html>
